<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../resources/css/application.css" rel="stylesheet" type="text/css" />
<style>
.sidebar {
	width:200px;
	float:left;
	padding:20px;
}
.text-content {
	margin-left:240px;
}
.nav-menu a {
	display:block;
	padding:5px;
	margin-bottom:1px;
	color:#999999;
}
.nav-menu a:hover {
	background-color:#333;
	color:#FFF;
}
.nav-menu a.active {
	background:#0099cc;
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
}
#appWrapper {
	top:10px;
}

.app-footer { position:static; padding:0; }
</style>
<title>Visual HUD / Help</title>
</head>

<body>
<div id="appWrapper">
	<div class="app-header">
		<h1 class="logo"><span>Quake Live Visual HUD</span></h1>
		<div class="app-global-actions"><a href="/">Online HUD generator</a></div>
		<img src="../resources/images/ql_logo.png" class="ql-logo" width="42" height="42" /> </div>
	<div class="clearfloat" id="siteContent">
		<div class="sidebar">
			<ul class="nav-menu">
				<li><a href="newfeatures.html">What's new</a></li>
				<li><a href=".">Basics</a></li>
				<li><a href="import.html">Import and edit your HUD</a></li>
				<li><a href="#hotkeys.html">Hotkeys</a></li>
				<li><a href="videos.html" class="active">Video tutorials</a></li>
			</ul>
		</div>
		<div class="text-content p-20">
			<div class="mb-20 pb-20">
				<h2>Building custom HUD in 5 minutes</h2>
				<object width="690" height="434"><param name="movie" value="http://www.youtube.com/v/g5mI1GSCqYc?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/g5mI1GSCqYc?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="690" height="434"></embed></object>
			</div>
			<div class="mb-20 pb-20">
				<h2>Building custom HUD with bar indicators for health and armor </h2>
				<object width="690" height="434"><param name="movie" value="http://www.youtube.com/v/UcDAytg_-Xk?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UcDAytg_-Xk?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="690" height="434"></embed></object>
			</div>

		</div>
	</div>
	<div class="app-footer">
		<div class="clearfloat">
			<div class="f-left w-50">
				QUAKE LIVE, QUAKE and ID are trademarks or registered trademarks of Id Software LLC in the United States and/or other countries.
			</div>
			<div class="a-right w-50 clear-right">
				<span class="v-middle d-iblock mr-10">
					<a href="credits.html">Made by Pavel Kiselyov</a><br />
					&copy; 2010 All rights reserved
				</span>
				
				<img src="/resources/images/pk69logo.png" width="32" height="32" class="v-middle" />				
			</div>
		</div>		
	</div>	
</div>
<script>
</script>
</body>
</html>
